<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>员工</title>
    <%@ include file="/WEB-INF/views/commons/common.jsp"%>
    <script type="text/javascript" src="/static/js/system/employee.js"></script>
</head>
<body>
    <%--数据表格--%>
    <table id="employee_datagrid"  fit="true"></table>

    <%--表格工具栏--%>
    <div id="tb">
        <a href="JavaScript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add"></a>
        <a href="JavaScript:;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit"></a>
        <a href="JavaScript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove"></a>
        <a href="JavaScript:;" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload"></a>
        <a href="JavaScript:;" class="easyui-linkbutton" data-options="iconCls:'icon-lock',plain:true" data-cmd="changeState">
            <span id="changeState">离职</span>
        </a>
        </br>
        姓名/电话<input type="text" name="keyword" id="keyword"/>
        <input type="button" value="查询" onclick="query()"/>
    </div>

    <div>

    </div>


    <%--添加和编辑弹窗--%>
    <div id="edit_dialog" align="center">
        <form id="edit_form" method="post">
        <table align="center" style="margin-top: 20px;
                border-collapse:separate; border-spacing:0px 10px;">
            <input type="hidden" id="employeeId" name="id">
            <tr>
                <td>员工名称:</td>
                <td><input class="easyui-textbox" name="username"/></td>
            </tr>
            <tr>
                <td>真实姓名:</td>
                <td><input class="easyui-textbox" name="realname"/></td>
            </tr>
            <tr>
                <td>电话:</td>
                <td><input class="easyui-textbox" name="tel"/></td>
            </tr>
            <tr>
                <td>邮箱:</td>
                <td><input class="easyui-textbox" name="email"/></td>
            </tr>
            <tr>
                <td>部门:</td>
                <td>
                    <input  name="dept.id" class="easyui-combobox" data-options="
                        valueField: 'id',
                        textField: 'name',
                        url: '/department/listData.do',
                        panelHeight:'auto'
                        "/>
                </td>
            </tr>
            <tr>
                <td>角色:</td>
                <td>
                    <input id="role_combobox" class="easyui-combobox" data-options="
                        valueField: 'id',
                        textField: 'name',
                        url: '/role/listData.do',
                        panelHeight:'auto',
                        multiple:true  <%--支持多选操作--%>
                        "/>
                </td>
            </tr>
        </table>
        </form>
    </div>

    <%--弹窗底部按钮--%>
    </div>
    <div id="bb">
        <a href="JavaScript:;" class="easyui-linkbutton" iconCls="icon-save" data-cmd="save">保存</a>
        <a href="JavaScript:;" class="easyui-linkbutton" iconCls="icon-cancel" data-cmd="cancel">关闭</a>
    </div>



</body>
</html>
